<div class="ddcxleft col-sm-4 col-xs-12">
    <form action="{:cmf_url('selectorder')}" method="get" >
        <div class="search_box">
            <input type="hidden" name="searchType" id="searchType" value="contact">
            <div class="cx_choose"><input type="text" value="联系方式" disabled="" class="ddzt"></div>
            <div class="choose_menu">
                <ul>
                    <li onclick="orderClick()">订单编号</li>
                    <li onclick="contactClick()">联系方式</li>
                </ul>
            </div>
            <input type="text" name="phone" value="{$input_val|default=''}" id="input-val" placeholder="请输入联系方式" class="cx_text">
            <input type="hidden" name="picCode" value="">
            <button class="search_btn" >
                <img src="__DK__/images/search_icon.png" alt="查询">
            </button>
        </div>
    </form>
    <!--<a href="" class="tsdd">投诉订单</a>-->
    <a href="" class="mzsm">免责声明</a>
    <div class="order_tips mobile_hide">
        <b style="font-size:16px;color:#4fcccd;">查询提示</b><br><br>
        <b style="color: black">订单编号查询：</b>订单编号是您在提交支付的时候，系统自动分配的一个交易凭证，输入对应的订单号即可查询该订单的详情。<br><br>
        <b style="color: black">联系方式查询：</b>订单提交时您所预留的联系方式（QQ号码、手机号码、E-mail）订单查询凭证信息。（推荐使用此方式查询）<br><br>
        <b style="color: red">注意事项说明：</b>订单记录仅保留30天，如查询不到请联系QQ：<strong style="color: black">{$s_all.0.qq|default="暂无"}</strong>。
    </div>
</div>
<script>
    $('.tzdl').on('click', function () {
        $('.login').show()
        $('.register').hide()
    })

    $('.tzzc').on('click', function () {
        $('.login').hide()
        $('.register').show()
    })
    $('.guanbian').on('click', function () {
        $('.register').hide()
        $('.login').hide()
    })

    //订单查询
    function orderClick() {
        $('#searchType').val('orderid');
        $('#input-val').attr('placeholder', '请输入订单号查询订单').attr('name','orderNumber');
        $('.choose_menu').hide()
        $('.cx_choose').children('input').val('订单编号');
    }

    //联系方式查询
    function contactClick() {
        $('#searchType').val('contact');
        $('#input-val').attr('placeholder', '请输入联系方式').attr('name','phone');
        $('.choose_menu').hide()
        $('.cx_choose').children('input').val('联系方式');
    }




    $('.yz_shadow').click(function () {
        $(this).fadeOut();
        $('.yz_box').fadeOut();
    });

    $('.cx_choose').on('click', function () {
        $('.choose_menu').toggle()
    })

    //显示对应的 查询方式
    if("{$select_type|default=''}" != 'phone'){
        orderClick();
    }
</script>